<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		*{
			margin: 0;
		}
			#d1{
				height: 200px;
				width: 300px;
				border-width: 40px 30px 20px 10px;
				border-style: outset;
				border-color: red blue green;
			}
			#d2{
				height: 200px;
				width: 300px;
				border: 50px groove green;
				margin: 20px 50px 40px 100px;
			}
			#d3{
				height: 200px;
				width: 300px;
				border: 50px groove green;
				margin: 10px auto;
			}
			#d4{
				height: 200px;
				width: 200px;
				border:5px groove red;
				overflow: auto; 
			}
		</style>
	</head>
	<body>
		<div id="d1">
			
		</div>
		<div id="d2">
			
		</div>
		<div id="d3">
			
		</div>
		<div id="d4">
			<img src="../images/yuenan.jpg" alt="">
		</div>
		<div id="d5" style="height: 100px; width: 200px;background-color: blueviolet;"></div>
	</body>
</html>
